import React from 'react'
import { Button, SearchBar, Space, Toast } from 'antd-mobile'
import { IndexBar, List } from 'antd-mobile'
import { CheckOutline, LoopOutline } from 'antd-mobile-icons'
import { Collapse } from 'antd-mobile'

function Index() {

    return (
        <div>
            <SearchBar placeholder='请输入内容' />
            <div style={{ display: 'flex' }}>
                <h3>我的位置</h3>
                <span style={{ position: "fixed", right: "0", top: "60px" }}><LoopOutline />重新定位</span>
            </div>
            <p><CheckOutline />北京站     距您约45.1km</p>
            <p><CheckOutline />北京西站 距您约41.5\km</p>
            <p><CheckOutline />北京南站 距您约46.5km</p>
            <p><CheckOutline />北京丰台站 距您约45.4km</p>
            <Collapse defaultActiveKey={['1']}>
                <Collapse.Panel key='1' title='展开更多'></Collapse.Panel>
            </Collapse>

            <div>
                <span style={{ paddingLeft: "15px" }}>广州市</span><span>上海市</span><span>杭州市</span><span>成都市</span><span>深圳市</span><span>重庆市</span><span>北京市</span><span>武汉市</span>
            </div>
        </div>
    )
}

export default Index
